<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{margin: 0;padding: 0;}
			#header{
				width: 1000px;height: 100px;
				margin: 10px auto;
				font-family: microsoft yahei;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			a{
				text-decoration: none;
			}
			img{
				vertical-align: middle;
			}
			#header>div:first-child{
				font-size: 26px;
			}
			#header img{
				width: 191.81px;height: 50px;
			}
			#header>div:last-child span{
				font-size: 14px;
				color: #666;
			}
			#header>div:last-child a{
				width: 100px;height: 42.67px;
				background-color: #f00;
				color: #fff;
				text-align: center;
				line-height: 42.67px;
				display: inline-block;
				border-radius: 4px;
				margin-left: 5px;
			}
			#body{
				height: 443px;
				background: url(1524820130.jpg) no-repeat;
				position: relative;
			}
			#body>div{
				width: 350px;height: 319px;
				background-color: #fff;
				position: absolute;
				right: 200px;top: 30px;
				padding-left: 23px;
			}
			#body p:first-child{
				height: 58px;
				font-size: 18px;
				line-height: 58px;
			}
			#body>div>div{
				position: absolute;
				
			}
			input{
				width: 302px;height: 42px;
			}
		</style>
	</head>
	<body>
		<div id="header">
			<div>
				<img src="%7D55UCNV%7BDLS3JDGUZCP%5DA$R.png" >
				<span>
					&nbsp;|&nbsp;会员登录
				</span>
			</div>
			<div>
				<span>没有账号?</span>
				<a href="">立即注册</a>
			</div>
		</div>
		<div id="body">
			<div>
				<p>会员登录</p>
					<div></div>
					<div></div>
					<input type="text" placeholder="手机号/会员名/邮箱">
					<input type="text" placeholder="请输入密码">
				<p>忘记密码</p>
				<button>登录</button>
				<p>
					使用合作账号登录
					<span></span>
				</p>
			</div>
		</div>
	</body>
</html>
